.container {
  padding: 20rpx 30rpx;

  .title {
    margin: 20rpx 0;
    font-size: 28rpx;
    font-weight: bold;
    color: #333333;
  }

  .card {
	display: flex;
	flex-direction: column;
	
border-radius: 20rpx;
    margin-bottom: 20rpx;
    background-repeat: no-repeat;
    background-size:  100% 100%;
   color: white;
   
    padding: 40rpx;
background-image: url("../../static/icon/credit_bank_bg.png");
.card-bank{
	 display: flex;
	 font-size: 26rpx;
	 .logo {
	   width: 70rpx;
	   height: 70rpx;
	   margin-right: 22rpx;
	 }
	 
	 
	   .bank-name {
	     
	     line-height: 36rpx;
	font-size: 32rpx;
	     font-weight: bold;
	  
	     text-overflow: ellipsis;
	     overflow: hidden;
	     white-space: nowrap;
	   }
	 

}
    

    .type {
      line-height: 24rpx;
      font-size: 24rpx;
      font-weight: 400;
      color: #ffffff;
      margin-top: 16rpx;
    }

    .no {
		width: 350rpx;
		padding: 10rpx 20rpx;
      margin-top: 20rpx;
      font-size: 38rpx;
	  border-radius: 10rpx;
      background:linear-gradient(to right,#5E92F4,#2D68D9);
    }
	.unbind{
		width: 200rpx;
		height:55rpx;
		border-radius: 10rpx;
		color: #2D68D9;
		margin-top: 20rpx;
		align-self: center;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: white;
		image{
			width: 30rpx;
		}
	}
  }
}